//
// Imports: @{
@import "skoll.style.config.less";
@import "skoll.style.debug.less";
@import "skoll.style.functions.less";
@import "skoll.style.generators.less";
@import "skoll.style.basics.less";
// @}
//
// HTML parts: @{
#MainBody {
	width: 100%;
	z-index: @global_z_index;

	#TopPart {
		width: 100%;

		#Contents {
			background-attachment: fixed;
			background-image: url("images/backgrounds/wcomix-watermark.png");
			@aux: @sidetools_width / 2;
			background-position: calc(~"50% - @{aux}") 30%;
			background-repeat: no-repeat;
			border-right: @global_simple_border;
			min-height: @global_real_min_height;
			margin-right: @sidetools_width;
			padding: 5px;

			.HelpButtons {
				position: absolute;
				right: @sidetools_width + 10px;

				img {
					height: @topbar_button_height;
					width: @topbar_button_width;
				}
				@media (max-width:@global_min_width) {
					display: none;
				}
			}
			.Pager {
				margin: 5px auto;
				text-align: center;
				width: 100%;

				a, a:hover {
					text-decoration: none;
				}

				.Button {
					.RoundedBorders(2px);
					.TransparentBackground("SlateGray");
					color: @global_color_fg;
					display: inline-block;
					min-width: 30px;
					padding: 2px 5px;
				}
				.Current, .Button:hover {
					.TransparentBackground("DarkSlateGray");
					color: @color_name_GhostWhite;
				}				
				.Empty, .Empty:hover {
					background: none;
					color: @global_color_fg;
				}
			}
		}
		#Contents.Skoll {
			background-image: url("images/backgrounds/Skoll_y_Hati.png");
		}
		#SideTools {
			float: right;
			min-height: @global_real_min_height;
			width: @sidetools_width;

			.Tool {
				.SideToolFormat();
			}
		}
	}
	#BottomPart {
		border-top: @global_simple_border;
		margin: 0 auto;
		padding: 15px;
		text-align: center;
		vertical-align: middle;
		width: 100%;

		#FotterSponsors {
			a.SponsorLink {
				border: none;
				display: inline-block;
				vertical-align: middle;
			}
		}
	}
}
#LoadingScreen {
	.TransparentBackground(@loading_bg_image);
	height: 100%;
	left: 0px;
	position: fixed;
	top: 0px;
	width: 100%;
	z-index: @loading_z_index;

	.MessageFrame {
		@bordersize: 20px;
		@auxcalc: @bordersize + ((256px + 25px) / 2);

		.RoundedBorders(@bordersize);
		.TransparentBackground(@loading_bg_image);

		left: calc(~"50% - @{auxcalc}");
		padding: @bordersize;
		position: fixed;
		top: calc(~"30% - @{auxcalc}");

		img {
			display: block;
		}

		.Countdown {
			color: @color_name_White;
			display: block;
			font-size: 25px;
			font-weight: bold;
			text-align: center;
		}
	}
}
// @}
//
// Imports: @{
@import "skoll.style.topbar.less";
@import "skoll.style.infobox.less";
@import "skoll.style.grid.less";
@import "skoll.style.biglist.less";
@import "skoll.style.reader.less";
@import "skoll.style.forms.less";
@import "skoll.style.messages.less";
@import "skoll.style.modal.less";
@import "skoll.style.tooltips.less";
@import "skoll.style.buttons.less";
@import "skoll.style.sections.less";
@import "skoll.style.tables.less";
@import "skoll.style.methods.less";
//
// Admin sections
@import "skoll.style.admin.less";
@import "skoll.style.specifics.less";
// @}
